﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="LimsWeb.iRegistro.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="../Content/css/EstiloCaptcha.css" rel="stylesheet" />
<script src="ScriptCaptcha.js"></script>
<script>cargarInicio();</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

    <style>
    #contenedorLogin {
    margin:80px auto;
    top: 0px;
    width: 350px;
    padding: 18px 35px 18px 35px;
       
    border: 1px solid rgba(147, 184, 189,0.8);
    -webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -webkit-box-shadow: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

    * {
        font-family:Arial;
        font-size:13px;       
    }
        
    .txts {
        width:307px ;
        margin-top: 4px;
        /*
          height:30px;
            */
        padding: 10px 20px 10px 20px;
        border: 1px solid rgb(178, 178, 178);
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
        -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        background:white;
        margin-bottom:10px;
    }

    .btns{
        background:#428bca;
        cursor:pointer;
        display:inline-block;
        border-radius:3px;
        cursor:pointer;
        transition: opacity 1s;    
        margin-top:10px;
        font-weight:bold;
        padding:4px 20px;
        color:White;
        border:0.5px solid black;  
        width:100%;
        padding: 10px 12.5px 10px 12.5px;
    }


    #contenedorLogin div{
            width:100%;
            }


@media all and (max-width:800px) {
        
            * {
                
   /*background:orange;     */     
            }
            #contenedorLogin {
        border:none;
        box-shadow:none;
        padding:0;
        margin:0;
        width:100%;
            }

            .txts {
                width: 87%;
                margin:0;
                height:25px;
                margin-bottom:10px;
            }  
            
            .etqs {
                font-size:15px;
            }

            .btns {
                padding:20px;
            }

        body{
                background:#eee;
            }
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="contenedorLogin">
        <br />    
        <h3 style="font-size:16px; margin:auto; text-align:center; width:100%; ">INGRESO</h3>
        <br/><br/>
   
        <div><asp:Label  CssClass="etqs" runat="server" Text="Correo"></asp:Label></div>
        <asp:TextBox  CssClass="txts" runat="server" Id="txtCorreo" placeholder="Ingrese correo" AutoComplete = "off" ></asp:TextBox>

        <div><asp:Label  CssClass="etqs" runat="server" Text="Clave"></asp:Label></div>
        <asp:TextBox  AutoComplete = "off" CssClass="txts" runat="server" Id="txtClave" placeholder="Ingrese clave" TextMode="Password"></asp:TextBox>
        <br />   

        <div>
            <table class="TablaCentrada">
                <tr>
                    <td><img id="imgCaptcha" width="200" height="80" alt="" runat="server"/></td>
                    <td><asp:TextBox ID="txtCodigo" Width="120" Height="30" MaxLength="5" Font-Size="Large"  AutoComplete = "off" runat="server" />
                        <asp:LinkButton ID="lbnActualizarCaptcha" Text="Actualizar Captcha" runat="server" OnClick="lbnActualizarCaptcha_Click" />
                    </td>
                </tr>
            </table>

        </div>
        <br />   

        <asp:Button runat="server" Text="Ingresar" CssClass="btns" id="btnIngresar" OnClick="btnIngresar_Click"/>
         <br />   <br /> 
        <a href="../olvidoclave.aspx"> ¿Olvidó su contraseña? Click Aqui</a>
         <br /> <br />
    
    </div>
    </form>
</body>
</html>
